.order-list {
  .item {
    background: #fff;
    border-radius: 8Px;
    margin: 10Px 10Px 0;
    padding: 10Px 15Px 0;
    box-shadow: 0 4Px 12Px 0 rgba(104, 128, 155, .1);
    .info {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .name {
        font-size: 16Px;
        display: flex;
        align-items: center;
        .tag {
          padding: 0 7Px;
          margin-left: 6Px;
          height: 18Px;
          border-radius: 9Px;
          font-size: 11Px;
          line-height: 18Px;
          text-align: center;
          &.first {
            background: #FFF7EB;
            color: #FFA81A;
          }
          &.renew {
            background: #FFF3F3;
            color: #FF5368;
          }
        }
      }
    }
    .type {
      margin-top: 4Px;
      color: #000;
      opacity: .5;
      font-size: 14Px;
      display: flex;
      justify-content: space-between;
    }
    .money {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16Px;
      border-top: 1Px solid #DADCE0;
      height: 40Px;
      margin-top: 8Px;
      View:nth-child(1) {
        color: #F25643;
        font-weight: bold;
      }
      View:nth-child(2) {
        opacity: .5;
      }
    }
  }
}